@layout("/common/_container.html"){
<link href="${ctxPath}/static/css/bootstrap-editable.css" rel="stylesheet"/>

<div class="row">
    <div class="col-sm-12">

        <div class="ibox float-e-margins">
            <!--<span style="visibility:visible;" class="layui-breadcrumb" lay-separator=">">-->
                <!--<a>导航位置：</a>-->
                <!--<a href="${ctxPath}/vedio/video">视频管理</a>-->
                <!--<a >批量新增</a>-->
            <!--</span>-->


            <blockquote class="layui-elem-quote layui-text">
                <a>导航位置：</a>
                <a href="${ctxPath}/vedio/video">视频管理 > </a>
                <a >批量新增</a>
            </blockquote>

            <div class="ibox-title">
                <h5>视频批量上传管理</h5>
            </div>
            <div class="ibox-content">
                <div class="row">
                    <div class="col-sm-4">
                        <#input id="rating" name="推荐指数" underline="true" />
                    </div>
                    <div class="col-sm-4">
                        <#input id="downloadCount" name="下载量" underline="true" />
                    </div>
                    <div class="col-sm-4">
                        <#input id="shareCount" name="分享量" underline="true" />
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <#input id="recRate" name="推荐排序" underline="true" />
                    </div>
                    <div class="col-sm-4">
                        <#input id="playCount" name="播放量" underline="true" />
                    </div>
                    <div class="col-sm-4">
                        <#input id="jqtime" name="图片截图时间格式00:00:00" underline="true" />
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <#cateModal id="cateList" name="所属专辑" readonly="readonly" underline="true" type="button"/>
                    </div>
                    <div class="col-sm-4">
                        <#ageModal id="ageType" name="年龄段" readonly="readonly" underline="true" type="button"/>
                    </div>
                </div>
                <div class="row">
                    <!--<div class="col-sm-4">-->
                        <!--<#file id="logoPath" name="标题图片" underline="true" />-->
                    <!--</div>-->
                    <div class="col-sm-4">
                        <#file id="filePath" name="播放地址" underline="true"  />
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!--<table id="uploadVedioTable"></table>-->
    <div class="col-sm-12">
        <div id="logo-parent">
            <div id="logo-bar"></div>
        </div>
        <div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="showupload">
            <!--<div class="layui-progress" lay-showpercent="true" lay-filter="showupload">-->
            <div class="layui-progress-bar layui-bg-red" id="progress" lay-percent=""></div>
        </div>
        <div id="file-parent">
            <div id="file-bar"></div>
        </div>
        <br>
        <div class="layui-btn-group demoTable">
            <button class="layui-btn" data-type="getCheckData">保存数据</button>
            <!--<button class="layui-btn" data-type="toVideoManger">视频管理</button>-->
        </div>
        <table lay-filter="demo">
            <thead>
            <tr>
                <th lay-data="{type:'numbers'}"></th>
                <th lay-data="{checkbox:true}"></th>
                <th lay-data="{field:'cateName'}">所属专辑</th>
                <th lay-data="{field:'vedioName',edit:'text'}">标题</th>
                <th lay-data="{field:'rating'}">推荐指数</th>
                <th lay-data="{field:'logoPath'}">标题图片</th>
                <th lay-data="{field:'downloadCount'}">下载量</th>
                <th lay-data="{field:'ageTypeName'}">年龄段</th>
                <th lay-data="{field:'recRate'}">推荐排序值</th>
                <th lay-data="{field:'playCount'}">播放量</th>
                <th lay-data="{field:'shareCount'}">分享量</th>
                <th lay-data="{field:'filename'}">文件名称</th>
                <th lay-data="{field:'filePath'}">播放地址</th>
                <th lay-data="{field:'downloadAdd'}">下载地址</th>
                <th lay-data="{fixed: 'right', align:'center', toolbar: '#barDemo'}">操作</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
<div class="modal inmodal fade" id="cateModal" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
                        class="sr-only">Close</span>
                </button>
                <p class="modal-title">专辑选择</p>
            </div>
            <small class="font-bold">
                <div class="modal-body">
                    <#SelectCon id="bannerSelecter" name="栏目" >
                    <option value="0" selected="selected">无</option>
                    @for(banner in bannerList) {
                    <option value="${banner.id}">${banner.name}</option>
                    @}
                </#SelectCon>
        </div>
        <div class="modal-body" id="cates">
            @for(category in cateList) {
            <input class="categroys" name="cate_name" value="${category.id}" cate-name="${category.name}" type="checkbox"/>${category.name}&nbsp;&nbsp;&nbsp;&nbsp;
            @}
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary" onclick="VedioInfoDlg.getCates()">确定</button>
        </div>
        </small>
    </div>
    <small class="font-bold">
    </small>
</div>
<div class="modal inmodal fade" id="ageModal" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
                        class="sr-only">Close</span>
                </button>
                <p class="modal-title">年龄段选择</p>
            </div>
            <small class="font-bold">
                <div class="modal-body">
                    <input class="ages" name="age_name" value="-1" age-name="全部适用" type="checkbox"/>全部适用&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="ages" name="age_name" value="0" age-name="胎教" type="checkbox"/>胎教&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="ages" name="age_name" value="1" age-name="0-1岁" type="checkbox"/>0-1岁&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="ages" name="age_name" value="2" age-name="1-3岁" type="checkbox"/>1-3岁&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="ages" name="age_name" value="3" age-name="3-5岁" type="checkbox"/>3-5岁&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="ages" name="age_name" value="4" age-name="5-7岁" type="checkbox"/>3-7岁&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="ages" name="age_name" value="5" age-name="7-12岁" type="checkbox"/>7-12岁&nbsp;&nbsp;&nbsp;&nbsp;
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" onclick="VedioInfoDlg.getAgeTypes()">确定</button>
                </div>
            </small>
        </div>
        <small class="font-bold">
        </small>
    </div>
    <small class="font-bold">
    </small>
</div>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script src="${ctxPath}/static/js/bootstrap-editable.min.js"></script>
<script src="${ctxPath}/static/js/plugins/layui/layui.js"></script>
<script src="${ctxPath}/static/modular/app/vedio/video/batch_video.js"></script>
<script src="${ctxPath}/static/modular/app/vedio/video/batch_video_info.js"></script>
@}
